<template>
  <div class="info">
    <router-link to="/" class="btn"><span>返回首页</span></router-link>
  </div>
</template>

<script>
export default {
  name: 'Error404',
  data () {
    return {}
  }
}
</script>

<style scoped lang="scss">
.info{
  height: 100vh;
  background: url("../assets/404/404.gif") no-repeat center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  .btn{
    width: 233px;
    height: 61px;
    margin-top: 380px;
    background: url("../assets/404/button-bg.png") no-repeat center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    span{
      display: block;
      font-size: 26px;
    }
  }
}
</style>
